<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
 
 <%@include file="/WEB-INF/page/common/taglib.jsp" %>
 
 <html lang="zh-CN">
  
  <head>
  
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title></title>
    <link href="/css/bootstrap.min.css" rel="stylesheet">
	<link href="/css/member/iconfont.css" rel="stylesheet">
	<link href="/css/member/swiper.min.css" rel="stylesheet">
    <link href="/css/member/style.css" rel="stylesheet">
	<link href="/css/member/user.css" rel="stylesheet">
	
	<script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
	<script src="/js/swiper.min.js"></script>
	<!--用户-->
	<script src="/js/user.js"></script>
	
  </head>
  <body>
    
    <jsp:include page="/WEB-INF/page/member/head.jsp"/>
    
	<nav class="navbar navbar-default">
	  <div class="container">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
		  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
			<span class="sr-only">Toggle navigation</span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
			<span class="icon-bar"></span>
		  </button>
		</div>
		
        		
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
		  <ul class="nav navbar-nav">
			<li class="active"><a href="/member/mycenter">我的账户</a></li>
			<li><a href="/front/index">商城首页</a></li>
			<li><a href="#">帮助中心</a></li>
		  </ul>
		  <ul class="nav navbar-nav navbar-right">
			<li><a href="#" class="cartBtn"><i class="icon iconfont icon-chaoshi"></i><span class="cartNums">2</span>去结算</a></li>
		  </ul>
		</div><!-- /.navbar-collapse -->
	  </div><!-- /.container-fluid -->
	</nav>
	<div class="container">
		<div class="bread">
			当前位置：<a href="">首页</a> &gt; 会员中心
		</div>
		<div class="user-main row clearfix">
			<div id="uMenu" class="col-md-2 col-sm-3">
				<div class="userNav">
					<dl>
						<dt><i></i>我的交易记录</dt>
						<dd><a href="/member/userOrders">订单管理</a></dd>
						<dd><a href="/member/userRefundApply">退款申请单</a></dd>
						<dd><a href="/member/userReturnsApply">退货申请单</a></dd>
						<dd><a href="/member/userReplaceApply">换货申请单</a></dd>
						<dd><a href="/member/userPoints">我的积分</a></dd>
						<dd><a href="/member/myCoupons">我的优惠券</a></dd>
					</dl>
					<dl>
						<dt>商品收藏与评论</dt>
						<dd><a href="/member/favorites">收藏夹</a></dd>
						<dd><a href="/member/userConsultations">咨询/回复</a></dd>
						<dd><a href="/member/userProductReviews">我参与的评论</a></dd>
						<dd><a href="/member/userBatchBuy">商品批量购买</a></dd>
					</dl>
					<dl>
						<dt>预付款账户</dt>
						<dd><a href="/member/myAccountSummary">预付款账户</a></dd>
						<dd><a href="/member/rechargeRequest">预付款充值</a></dd>
						<dd><a href="/member/myAccount">账户安全</a></dd>
					</dl>
					<dl>
						<dt>个人设置</dt>
						<dd><a href="/member/userProfile">个人信息</a></dd>
						<dd><a href="/member/updatePassword">修改密码</a></dd>
						<dd><a href="/member/userShippingAddresses">我的收货地址</a></dd>
					</dl>
					<dl>
						<dt>站内消息</dt>
						<dd><a href="/member/userReceivedMessages">收件箱(<span class="style-red">0</span>)</a></dd>
						<dd><a href="/member/userSendedMessages">发件箱</a></dd>
						<dd><a href="/member/userSendMessage">给管理员发消息</a></dd>
					</dl>
				</div>
				<a href="" class="logoutBtn">安全退出</a>
			</div>
			<div class="col-md-10 col-sm-9 userContent">
				<div class="uContent1">
					<div class="uAccount clearfix">
						<div class="uAccountL">
							<img src="../images/default-avata.gif" width="100" height="100" class="avatar">
						</div>
						<div class="uAccountR">
							<p>欢迎您：<strong>13166201138</strong>铜牌</p>
							<!--账号安全度:0-6:对应i标签class样式safeRank0数字-->
							<p class="uSafe">账户安全度:<i class="safeRank02"></i><span class="style-red">低</span></p>
							<div class="uVerify">
								<span class="verifyMob">
									手机未验证<a href="">去验证</a> 
								</span>
								<span class="verifyEmail">
									邮箱未验证<a href="">去验证</a> 
								</span>
							</div>
						</div>
					</div>
					<div class="uOther">
						<ul>
							<li>
								<div class="uth">
									您目前账户积分：<strong class="style-green">0</strong>
								</div>
								<div class="utd">
									<a href="#">兑换优惠券</a>
								</div>
							</li>
							<li>
								<div class="uth">
									您的未读消息：<strong class="style-blue"><a href="#">0</a></strong>
								</div>
								<div class="utd">
									<a href="#">查看</a>
								</div>
							</li>
							<li>
								<div class="uth">
									预存款余额：<span class="style-red">￥0.00</span>
								</div>
								<div class="utd linkp5">
									可用余额(<span class="style-red">￥0.00</span>) 冻结金额( <span class="style-red">￥0.00</span>) <a href="#">充值</a><a href="#">我要提现</a><a href="#">查看</a>
								</div>
							</li>
							<li>
								<div class="uth">
									订单消息提醒：
								</div>
								<div class="utd">
									待付款订单(<a href="#" class="style-red">0</a>) 待确认收货订单(<a href="#" class="style-red">0</a>) 待评价商品( <a href="#" class="style-red">0</a>)
								</div>
							</li>
							<li>
								<div class="uth">
									商品咨询
								</div>
								<div class="utd">
									已回复咨询(<a href="#" class="style-red">0</a>)
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="uContent2">
					<div>
						<!-- Nav tabs -->
						<ul class="nav nav-tabs" role="tablist">
							<li class="active"><a href="#uLike">猜你喜欢</a></li>
							<li><a href="#uHot">热卖冠军</a></li>
							<li><a href="#uBest">新品推荐</a></li>
						</ul>
						  <!-- Tab panes -->
						<div class="tab-content">
							<!--猜你喜欢 begin-->
							<div class="tab-pane active" id="uLike">
								<div class="swiper-container">
									<ul class="swiper-wrapper">
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro01.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">产品名称产品名称产品名称产品名称</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro01.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro01.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro01.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro01.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro01.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
									</ul>
								</div>
								<div class="swiper-button-next"></div>
								<div class="swiper-button-prev"></div>
							</div>
							<!--猜你喜欢 end-->
							<!--热卖冠军 begin-->
							<div class="tab-pane" id="uHot">
								<div class=" swiper-container">
									<ul class="swiper-wrapper">
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro02.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro02.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro02.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro02.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro02.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro02.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
									</ul>
								</div>
								<div class="swiper-button-next"></div>
								<div class="swiper-button-prev"></div>
							</div>
							<!--热卖冠军 end-->
							<!--新品推荐 begin-->
							<div class="tab-pane" id="uBest">
								<div class="swiper-container">
									<ul class="swiper-wrapper">
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro03.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro03.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro03.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro03.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro03.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
										<li class="swiper-slide">
											<a href="" class="pro-img"><img src="../images/product/pro03.jpg"/></a>
											<div class="pro-desc">
												<a href="" class="pro-title">UB11123-4B4-4F</a>
												<p class="pro-price">￥1.30</p>
											</div>
										</li>
									</ul>
								</div>
								<div class="swiper-button-next"></div>
								<div class="swiper-button-prev"></div>
							</div>
							<!--新品推荐 end-->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

    
  </body>
</html>